/*--------Main Menu Start-------*/
html,body 
{
	margin-bottom:10px;
}
/* Modified Aug 30 2006 */
.MenuGroup
{	
	cursor: pointer;
	width: auto;
	padding: 0px;
}
.MenuItem
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #666666;
	cursor: pointer;
	padding:0px;
	margin: 0px;
	text-align: center;
	background-image: url("../images/NewLayout/menu/tab_off.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:100px;
	height:27px;
}

.MenuChildItem
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #666666;
	cursor: pointer;
	padding:0px;
	margin: 0px;
	text-align: center;
	background-image: url("../images/NewLayout/menu/childtab_off.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:120px;
	height:21px;
}

.MenuchildItemClicked
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #000000;
	cursor: pointer;
	padding:0px;
	margin: 0px;
	text-align: center;
	background-image: url("../images/NewLayout/menu/childtab_on.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:120px;
	height:21px;
}

.MenuchildItemSelected
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #000000;
	cursor: pointer;
	padding:0px;
	margin: 0px;
	text-align: center;
	background-image: url("../images/NewLayout/menu/childtab_on.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:120px;
	height:21px;
}

.MenuChildItemOver
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #333333;
	cursor: pointer;
	padding:0px;
	margin: 0px;
	text-align: center;
	background-image: url("../images/NewLayout/menu/childtab_over.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:120px;
	height:21px;
}

.MenuItemSelected
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #000000;
	cursor: pointer;
	padding:0px;
	margin: 0px;
	text-align: center;
	background-image: url("../images/NewLayout/menu/tab_on.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:100px;
	height:27px;
}

.MenuItemOver
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #333333;
	cursor: pointer;
	padding:0px;
	margin: 0px;
	text-align: center;
	background-image: url("../images/NewLayout/menu/tab_over.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:100px;
	height:27px;
}

.MenuItemToolTip
{
	background-color: #fffacd;
	border-style:solid;
	border-width:1px;
	border-color: black; 
	font-family: Arial;	
	padding: 3px;
	font-size:8pt;
	text-align: left;
}

.MenuItemClicked
{
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #000000;
	cursor: pointer;
	padding:0px;
	margin: 0px;
	text-align: center;
	background-image: url("../images/NewLayout/menu/tab_on.gif");
	background-position:top;
	background-repeat:no-repeat;
	width:100px;
	height:27px;
}


/*--------Main Menu End-------*/

/*--------Page Skin Start-------*/
.text
{
	font-family: verdana;
	font-size: 10pt;
}

td
{
	font-family: verdana;
	font-size: 8pt;
}

#mainDiv
{
	width:98%;
	*width:100%;
	height:98%;
	/*height:100%;*/ /* xhtmlConformance flag when changed from Legacy to Strict fixed so I don't need this hack anymore */
}

.MaxWidthHeight
{
	width: 100%;
	height: 100%;
}

.MaxWidth
{
	width: 100%;
}

.Header
{
	width:  100%;
	background-image:  url("../skins/default/spacer.gif");
	background-repeat:  repeat;
}

.LoginBorder
{	
	border:  solid 1px #9A9999;
	height: 360px;
	width: 460px;
}

.FooterLabel
{
  font-family:  Verdana;
  font-size:  11px;
  color:  white;  
}

.FooterTableCell
{
  background-color:  #7597BD;
}

.FooterTable
{
  height:  16px;
}

.TabBackground
{
	BACKGROUND-IMAGE: url(../images/shelleybg.gif); 
}

.SubTabBackground
{
	BACKGROUND-IMAGE: url(../images/shelleysubbg.gif); 
}

.AreaSectionTable
{
	border:  solid 1px #9A9999;	
	background-color: White;
	border-collapse:  collapse;
	display:table;
	height:100%;
	width:100%;
	visibility:visible;
}

.AreaSectionCell
{
	border:  solid 1px #9A9999;	
	background-color: White;
	border-collapse:  collapse;
	display:block;
	visibility:visible;
}

body  
{
	font-family: verdana;
	font-size: 8pt;
		
	scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #FBFBEA;
	scrollbar-darkshadow-color: #D4D1CA;
	scrollbar-face-color: #D4D1CA;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-track-color: #FBFBEA;
	scrollbar-3dlight-color: #D4D1CA;	
}

a, a:link, a.active, a:visited
{
    text-decoration: underline;
	color: #23767E; 
	cursor:  hand;
	font-family: Verdana;	
}

a:hover
{
	color: #FC8F24;
	text-decoration: underline;
	font-family: Verdana;	
}

.HeaderTableCell
{
	background-color:  #517AB2;
	width:  100%;
	height:  20px;
	vertical-align: middle;
	color: White;
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
}

.IntroContent
{
	font-size:  12px;
}

.DataGridHeader
{
	height: 20px;
	background-color: #D2CEC8;
	color: #23767E;
	font-family: Verdana;
	font-size: 10pt;
	font-weight:  bold;	
}

.HiddenHeader
{
	height: 0px;
	color: White;
	font-size: 0pt;
}

.DataGrid
{
	background-color: White;
	border-style: solid;	
	border-width: 1px;
	font-family: Verdana;
	font-size: 8pt;
}


.DataGridPanel
{
	border:  solid 1px #9A9999;
    height:100%;
    width:100%;
}

.LinkTwo
{
	font-size: 10pt;
	text-decoration:none;
	white-space:nowrap;
}

.LocationLabel
{
	border:solid 1px black ;
	font:7pt Verdana;	
}

.LabelOne
{
	color:  #494949;
	font-family:  Verdana;
	font-size:  8pt;	
}

.LabelTwo
{
	color:  #494949;
	font-family:  Verdana;
	font-size:  10pt;
	white-space: nowrap;
}

.LabelThree
{
	color: #8F02FC;
	font-family:  Verdana;
	font-size:  8pt;	
}

.IntroText
{
	font-family: Verdana;
	font-size: 10pt;
	color: #494949;
}

.IntroTextTwo
{
	color:  #494949;
	font-family:  Verdana;
	font-size:  8pt;
	font-style: italic;	
}

.IntroTitle
{
	font-family: Verdana;
	font-size: 10pt;
	color: #494949;
	font-weight: bold;
}

.NoteOne
{
	color: #8080FF;
	font-family:  Verdana;
	font-size:  8pt;	
}

.NoteTwo
{
	color: #8080FF;
	font-family:  Verdana;
	font-size:  8pt;	
	font-weight: bold;
}

.NoteThree
{
	/*color: #C8BBBE;*/
	color: #8080FF;
	font-family:  Verdana;
	font-size:  7pt;
}

.NoteFour
{
	color: #8080FF;
	font-family:  Verdana;
	font-size:  8pt;
	background-color: #F8EDBB;
}

.NoteTimeOut
{
	color: #8080FF;
	font-family:  Verdana;
	font-size:  10pt;	
	font-weight: bold;
}

.BlockTitle
{
	background-color:White;
	color: #979595;
	font-family:  Verdana;
	font-size:  8pt;
	font-weight: bold;	
}

.TitleOne
{
	color: #494949;
	font-family:  Verdana;
	font-size:  8pt;
	font-weight: bold;	
}

.TitleTwo
{
	color: #494949;
	font-family:  Verdana;
	font-size:  10pt;	
	font-weight: bold;
}

.MainTitle
{
	color: White;
	font-family:  Verdana;
	font-size:  10pt;	
	font-weight: bold;
}

.TextBoxOne
{
	font-family:  Verdana;
	font-size:  8pt;
	height: 19px;	
}

.TextBoxTwo
{
	font-family:  Verdana;
	font-size:  10pt;	
}

.TextBoxThree
{
	font-family:  Verdana;
	font-size:  10pt;	
	white-space: nowrap;
}

.DropDownListOne
{
	color: Black;
	background-color: White;
	border:  solid 1px;
	font-family:  Verdana;
	font-size:  8pt;	
	height: 18px;
}

.DropDownListTwo
{
	color: Black;
	background-color: White;
	border:  solid 1px;
	font-family:  Verdana;
	font-size:  10pt;	
}

.ButtonOne
{
	cursor:  hand;
	/*color: White;
	background-color: #85A7D4;
	border:  solid 2px #3766A6;*/
	font-family:  Verdana;
	font-size:  8pt;
}

.ButtonTwo
{
	cursor:  hand;
	/*color: White;
	background-color: #85A7D4;
	border:  solid 2px #3766A6;*/
	font-family:  Verdana;
	font-size:  10pt;
}

.ActiveButton
{
	cursor:  hand;
	color: White;
	background-color: #85A7D4;
	border:  solid 1px #3766A6;/**/
	font-family:  Verdana;
	font-size:  8pt;
	height: 19px;
}

.ActiveButtonHover
{
	cursor:  hand;
	color: White;
	background-color: #4E96B5;
	border:  solid 2px #3766A6;/**/
	font-family:  Verdana;
	font-size:  8pt;
	height: 19px;
}

.WarningButton
{
	cursor:  hand;
	color: White;
	background-color: #FABA68;
	border:  solid 1px #9C0704;/**/
	font-family:  Verdana;
	font-size:  8pt;
	height: 19px;
}

.WarningButtonHover
{
	cursor:  hand;
	color: White;
	background-color: #E98D17;
	border:  solid 2px #9C0704;/**/
	font-family:  Verdana;
	font-size:  8pt;
	height: 19px;
}

.DisabledButton
{
	cursor:  hand;
	color: White;
	background-color: #F6F2E9;
	border: solid 1px #CAC4B8;/**/
	font-family:  Verdana;
	font-size:  8pt;
	height: 19px;
}

.WarningMessageOne
{
	color: Red;
	font-family:  Verdana;
	font-size:  8pt;
}

.WarningMessageTwo
{
	color:  Red;
	font-family:  Verdana;
	font-weight: bold;
	font-size:  10pt;
}

.WarningMessageThree
{
	color: Red;
	font-family:  Verdana;
	font-size:  7pt;
}

.WarningMessageFour
{
	color: Red;
	font-family:  Verdana;
	font-size:  8pt;
	font-weight: bold;
}

.ErrorMessageOne
{
	color: #800000;
	font-family:  Verdana;
	font-size:  8pt;
}

.ErrorMessageTwo
{
	color: #800000;
	font-family:  Verdana;
	font-weight: bold;
	font-size:  10pt;
}

.MessageOne
{
	color: #2E7551;
	font-family:  Verdana;
	font-size:  10pt;
	background-color: #DDE1D0;
}

.MessageTwo
{
	color: #2E7551;
	font-family:  Verdana;
	font-size:  10pt;
	font-weight: bold;
	background-color: #DDE1D0;
}

.MessageThree
{
	color: #2E7551;
	font-family:  Verdana;
	font-size:  8pt;
	font-weight: bold;
	background-color: #DDE1D0;
}

.MessageFour
{
	color: #2E7551;
	font-family:  Verdana;
	font-size:  8pt;
	background-color: #DDE1D0;
}

.ColorTable
{
	background-color: #EEEEEE;
}

.MapImage
{
	border: solid 1px #C0C0FF;
}

.TitleCell
{
	background-color: #BAB5AD;
	width:  100%;
	height: 25px;
}

.FooterCell
{
	width:  100%;
	height: 18px;	
}

.FooterLabel
{
	color: #3E3E3E;
	font-family:  Verdana;
	font-size:  8pt;
}

.GreetingMessage
{
	color: #CF3E14; /*#8080FF;*/
	font-family:  Verdana;
	font-size:  8pt;	
}

.GreetingMessageTwo
{
	color: #CF3E14; /*#8080FF;*/
	font-family:  Verdana;
	font-size:  10pt;	
}

.SettingsIcon
{
	height: 60px;
}

.SettingsLink
{
	height: 60px;
}

.IconHeight
{
	height: 24px;
}

.GeoFenceMenu
{
	height: 24px;
	width: 80px;
}

.IntroTextSection
{
	width: 100%;
	height: 60px;
}

.HighlightMessage
{
	color: #B22222;
	font-family:  Verdana;
	font-size:  8pt;
	font-weight: bold;
}

.HighlightMessageTwo
{
	color: #FC7802;
	font-family:  Verdana;
	font-size:  8pt;
}

.HighlightMessageThree
{
	color: #FC7802;
	font-family:  Verdana;
	font-size:  10pt;
}

.SmallDataGrid
{
	font-family: Verdana;
	font-size: 6pt;
}

a.SelectedMapTypeLink:link, 
a.SelectedMapTypeLink:active, 
a.SelectedMapTypeLink:visited, 
a.SelectedMapTypeLink:hover
{
	height:16px;
	*height:18px;
	display:block;
    font-weight: bold;
	color: #114A7A; 
	text-decoration: none;
	font-family: Verdana;
	cursor: default;
	border: solid 2px #114A7A;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.80);
}

a.UnselectedMapTypeLink:link, 
a.UnselectedMapTypeLink:active
{
	height:16px;
	*height:18px;
	display:block;
	color: #406687; 
	text-decoration: none;
	font-family: Verdana;
	cursor: hand;
	border: solid 1px #5F87A9;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.80);
}

a.UnselectedMapTypeLink:hover, 
a.UnselectedMapTypeLink:visited
{
	height:16px;
	*height:18px;
	display:block;
    font-weight: bold;
    color: #406687; 
    text-decoration: none;
	font-family: Verdana;
	cursor: hand;
	border: solid 2px #5F87A9;
	filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.80);
}

/* This style sheet is intended to contain OFTEN CHANGED rules used when the GridView control adapter is enabled. */
/* Empty rules are provided merely as a convenience for your future use or experimentation. */

 .AspNet-GridView
{ /* 350 - buffer = 333, 200 - buffer = 183 */
    /*width: 283px;*/
    width: 100%;
    text-align: left;
}

 .AspNet-GridView div.AspNet-GridView-Pagination,
 .AspNet-GridView div.AspNet-GridView-Pagination a,
 .AspNet-GridView div.AspNet-GridView-Pagination span
{
    color: #00FFFF;
    background: #284775;
    font-weight: normal;
    padding: 2px;
    text-align: left;
}

 .AspNet-GridView table
{
    border: solid 1px #CCCCCC;
    /*width: 283px;*/
    width: 100%;
    text-align: left;
    height: 20px;
}

 .AspNet-GridView table thead tr th
{
    color: #23767E;
    background: #D2CEC8;
    font-weight: bold;
    /*border-bottom: solid 1px #CCCCCC;*/
    border-right: solid 1px #CCCCCC;
    padding: 2px;
    text-align: left;
	font-family: Verdana;
	font-size: 10pt;
	font-weight:  bold;
}

 .AspNet-GridView table thead tr th a
{
	text-align: left;
	height: 20px;
	background-color: #D2CEC8;
	color: #23767E;
	font-family: Verdana;
	font-size: 10pt;
	font-weight:  bold;
}

 .AspNet-GridView table tbody tr td
{
    color: #333333;
    background: White;
    padding: 2px 20px 2px 2px;
/*    border-bottom: solid 1px #CCCCCC;*/
    border-right: solid 1px #CCCCCC;
    text-align: left;

	background-color: White;
	font-family: Verdana;
	font-size: 8pt;
}

.AspNet-GridView table tbody tr.AspNet-GridView-Normal td
{

}

 .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
    background: WhiteSmoke;
    text-align: left;
}

 .AspNet-GridView table tbody tr.AspNet-GridView-Selected td
{
    text-align: left;
    background: #CCF;
}

 .AspNet-GridView table tfoot tr td
{
    text-align: left;
}

.FlexControl
{
    height: 415px;
    width: 800px;
}

.FlexControlSmall
{
    height: 415px;
    width: 560px;
}

#div_ContentArea
{
    height:100%;
    width:100%;
    left:0px;
    position:absolute;
    top:0px;
}

.ContentArea
{
    overflow:auto;
}